<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>aiyoudiao</title>
    <meta name="generator" content="VuePress 1.9.10" />
    <link rel="icon" href="/img/blog.ico">
    <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.1.4/lib/L2Dwidget.min.js"></script> <meta name="description" content="码二~">
    <meta name="keywords" content="前端博客,个人技术博客,前端,前端开发,前端框架,web前端,前端面试题,技术文档,学习,面试,JavaScript,js,ES6,TypeScript,vue,python,css3,html5,Node,git,github,gitee,markdown">
    <meta name="theme-color" content="#11a8cd">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link rel="preload" href="/assets/css/0.styles.146197cf.css" as="style"><link rel="preload" href="/assets/js/app.bd2fbc77.js" as="script"><link rel="preload" href="/assets/js/3.72c9c947.js" as="script"><link rel="preload" href="/assets/js/44.59439f9d.js" as="script"><link rel="preload" href="/assets/js/42.4251ca36.js" as="script"><link rel="prefetch" href="/assets/js/1.4ed4671d.js"><link rel="prefetch" href="/assets/js/10.bd6ddb58.js"><link rel="prefetch" href="/assets/js/100.20d2348f.js"><link rel="prefetch" href="/assets/js/101.ba7b784c.js"><link rel="prefetch" href="/assets/js/102.c3e2dcae.js"><link rel="prefetch" href="/assets/js/103.0f4c50f3.js"><link rel="prefetch" href="/assets/js/104.ef47a111.js"><link rel="prefetch" href="/assets/js/105.2e00f516.js"><link rel="prefetch" href="/assets/js/106.b50e19b9.js"><link rel="prefetch" href="/assets/js/107.e125a8f6.js"><link rel="prefetch" href="/assets/js/108.770493ab.js"><link rel="prefetch" href="/assets/js/109.74766d7b.js"><link rel="prefetch" href="/assets/js/11.f786a5ee.js"><link rel="prefetch" href="/assets/js/110.0b0ee5b4.js"><link rel="prefetch" href="/assets/js/111.835b0e44.js"><link rel="prefetch" href="/assets/js/112.352fa217.js"><link rel="prefetch" href="/assets/js/113.4e908557.js"><link rel="prefetch" href="/assets/js/114.7b77996d.js"><link rel="prefetch" href="/assets/js/115.bdc61268.js"><link rel="prefetch" href="/assets/js/116.d5da9b8b.js"><link rel="prefetch" href="/assets/js/117.35ab1f9f.js"><link rel="prefetch" href="/assets/js/118.517c151d.js"><link rel="prefetch" href="/assets/js/119.f7f49ba8.js"><link rel="prefetch" href="/assets/js/12.3c729a65.js"><link rel="prefetch" href="/assets/js/120.b559598b.js"><link rel="prefetch" href="/assets/js/121.bf8a2f43.js"><link rel="prefetch" href="/assets/js/122.11a0bc97.js"><link rel="prefetch" href="/assets/js/123.2bafdde7.js"><link rel="prefetch" href="/assets/js/124.dc393688.js"><link rel="prefetch" href="/assets/js/125.ed3f389a.js"><link rel="prefetch" href="/assets/js/126.8fd9a57d.js"><link rel="prefetch" href="/assets/js/127.3bf2a1f2.js"><link rel="prefetch" href="/assets/js/128.b9c671d3.js"><link rel="prefetch" href="/assets/js/129.5d331f0d.js"><link rel="prefetch" href="/assets/js/13.7b1a1fe5.js"><link rel="prefetch" href="/assets/js/130.53e4f9c6.js"><link rel="prefetch" href="/assets/js/131.dcc47e1d.js"><link rel="prefetch" href="/assets/js/132.692dcdcd.js"><link rel="prefetch" href="/assets/js/133.e293202c.js"><link rel="prefetch" href="/assets/js/134.593dccf2.js"><link rel="prefetch" href="/assets/js/135.d76d384b.js"><link rel="prefetch" href="/assets/js/136.a519c23c.js"><link rel="prefetch" href="/assets/js/137.b1821288.js"><link rel="prefetch" href="/assets/js/138.5bcea4ef.js"><link rel="prefetch" href="/assets/js/139.076664b0.js"><link rel="prefetch" href="/assets/js/14.35f257b2.js"><link rel="prefetch" href="/assets/js/140.a019e655.js"><link rel="prefetch" href="/assets/js/141.1f70e1c7.js"><link rel="prefetch" href="/assets/js/142.5ed728fd.js"><link rel="prefetch" href="/assets/js/143.1c8cdc78.js"><link rel="prefetch" href="/assets/js/144.b0cb125b.js"><link rel="prefetch" href="/assets/js/145.c0209a76.js"><link rel="prefetch" href="/assets/js/146.551469f4.js"><link rel="prefetch" href="/assets/js/147.1dfd721d.js"><link rel="prefetch" href="/assets/js/148.91d07ef5.js"><link rel="prefetch" href="/assets/js/149.5b88b710.js"><link rel="prefetch" href="/assets/js/15.23bbc29a.js"><link rel="prefetch" href="/assets/js/150.8301107f.js"><link rel="prefetch" href="/assets/js/151.867da089.js"><link rel="prefetch" href="/assets/js/152.935d5046.js"><link rel="prefetch" href="/assets/js/153.f39d8435.js"><link rel="prefetch" href="/assets/js/154.6b9eb2c3.js"><link rel="prefetch" href="/assets/js/155.14283ad4.js"><link rel="prefetch" href="/assets/js/156.2d7c1a2a.js"><link rel="prefetch" href="/assets/js/157.2f28d02f.js"><link rel="prefetch" href="/assets/js/158.151221ae.js"><link rel="prefetch" href="/assets/js/159.ef6d7ffe.js"><link rel="prefetch" href="/assets/js/16.1793aef7.js"><link rel="prefetch" href="/assets/js/160.de54c4ea.js"><link rel="prefetch" href="/assets/js/161.24d4e57c.js"><link rel="prefetch" href="/assets/js/162.632032fe.js"><link rel="prefetch" href="/assets/js/163.fd01cd99.js"><link rel="prefetch" href="/assets/js/164.45f203f5.js"><link rel="prefetch" href="/assets/js/165.aafe4fe1.js"><link rel="prefetch" href="/assets/js/166.1dd1d21c.js"><link rel="prefetch" href="/assets/js/167.5501b3a1.js"><link rel="prefetch" href="/assets/js/168.fbe58b1f.js"><link rel="prefetch" href="/assets/js/169.2cae7f5e.js"><link rel="prefetch" href="/assets/js/17.bbfe63f2.js"><link rel="prefetch" href="/assets/js/170.265f7c9e.js"><link rel="prefetch" href="/assets/js/171.b61f327d.js"><link rel="prefetch" href="/assets/js/172.5d0043fd.js"><link rel="prefetch" href="/assets/js/173.45284bb6.js"><link rel="prefetch" href="/assets/js/174.9130e0c4.js"><link rel="prefetch" href="/assets/js/175.2b38bddd.js"><link rel="prefetch" href="/assets/js/176.9772cf09.js"><link rel="prefetch" href="/assets/js/177.69048ebc.js"><link rel="prefetch" href="/assets/js/178.e10d7ce5.js"><link rel="prefetch" href="/assets/js/179.3789edc0.js"><link rel="prefetch" href="/assets/js/18.0807ded0.js"><link rel="prefetch" href="/assets/js/180.ab675e47.js"><link rel="prefetch" href="/assets/js/181.2e39eff0.js"><link rel="prefetch" href="/assets/js/19.becf5a76.js"><link rel="prefetch" href="/assets/js/2.eb089a4f.js"><link rel="prefetch" href="/assets/js/20.cea59652.js"><link rel="prefetch" href="/assets/js/21.58c43ff1.js"><link rel="prefetch" href="/assets/js/22.f73b825d.js"><link rel="prefetch" href="/assets/js/23.43b13730.js"><link rel="prefetch" href="/assets/js/24.f77f93ca.js"><link rel="prefetch" href="/assets/js/25.7dfaf3fb.js"><link rel="prefetch" href="/assets/js/26.629d28e5.js"><link rel="prefetch" href="/assets/js/27.4fff23ea.js"><link rel="prefetch" href="/assets/js/28.1b8ae389.js"><link rel="prefetch" href="/assets/js/29.d5cce9a0.js"><link rel="prefetch" href="/assets/js/30.961d5519.js"><link rel="prefetch" href="/assets/js/31.121dd1af.js"><link rel="prefetch" href="/assets/js/32.4a3c5df7.js"><link rel="prefetch" href="/assets/js/33.5537f44b.js"><link rel="prefetch" href="/assets/js/34.1d4d4653.js"><link rel="prefetch" href="/assets/js/35.d094209b.js"><link rel="prefetch" href="/assets/js/36.832660c5.js"><link rel="prefetch" href="/assets/js/37.145c3665.js"><link rel="prefetch" href="/assets/js/38.4f369bfe.js"><link rel="prefetch" href="/assets/js/39.ba060044.js"><link rel="prefetch" href="/assets/js/4.66d742f6.js"><link rel="prefetch" href="/assets/js/40.e50e0379.js"><link rel="prefetch" href="/assets/js/41.4ed7617c.js"><link rel="prefetch" href="/assets/js/43.d22b74c4.js"><link rel="prefetch" href="/assets/js/45.da28bc46.js"><link rel="prefetch" href="/assets/js/46.b8db1176.js"><link rel="prefetch" href="/assets/js/47.7ed16fc7.js"><link rel="prefetch" href="/assets/js/48.c982d5ed.js"><link rel="prefetch" href="/assets/js/49.a7579f55.js"><link rel="prefetch" href="/assets/js/5.08802d7d.js"><link rel="prefetch" href="/assets/js/50.103b5bf6.js"><link rel="prefetch" href="/assets/js/51.0fe9d79a.js"><link rel="prefetch" href="/assets/js/52.9ba31e26.js"><link rel="prefetch" href="/assets/js/53.0e8bc1f0.js"><link rel="prefetch" href="/assets/js/54.9566e517.js"><link rel="prefetch" href="/assets/js/55.a124abae.js"><link rel="prefetch" href="/assets/js/56.d9cf0800.js"><link rel="prefetch" href="/assets/js/57.93599da0.js"><link rel="prefetch" href="/assets/js/58.d943f85b.js"><link rel="prefetch" href="/assets/js/59.50a66488.js"><link rel="prefetch" href="/assets/js/6.a3ea60eb.js"><link rel="prefetch" href="/assets/js/60.21aa3aa3.js"><link rel="prefetch" href="/assets/js/61.6712c00f.js"><link rel="prefetch" href="/assets/js/62.eff3e4b1.js"><link rel="prefetch" href="/assets/js/63.09701d5a.js"><link rel="prefetch" href="/assets/js/64.eb440dec.js"><link rel="prefetch" href="/assets/js/65.aeed0579.js"><link rel="prefetch" href="/assets/js/66.97244c64.js"><link rel="prefetch" href="/assets/js/67.e01c5c24.js"><link rel="prefetch" href="/assets/js/68.21be91ba.js"><link rel="prefetch" href="/assets/js/69.c0849905.js"><link rel="prefetch" href="/assets/js/7.7fd40e91.js"><link rel="prefetch" href="/assets/js/70.b32bbe5d.js"><link rel="prefetch" href="/assets/js/71.0efbc0c7.js"><link rel="prefetch" href="/assets/js/72.ef963181.js"><link rel="prefetch" href="/assets/js/73.ca7dd5db.js"><link rel="prefetch" href="/assets/js/74.4483ede8.js"><link rel="prefetch" href="/assets/js/75.374ab483.js"><link rel="prefetch" href="/assets/js/76.b4a39f08.js"><link rel="prefetch" href="/assets/js/77.6b30c3cd.js"><link rel="prefetch" href="/assets/js/78.15376c33.js"><link rel="prefetch" href="/assets/js/79.3153fcec.js"><link rel="prefetch" href="/assets/js/80.9a88c684.js"><link rel="prefetch" href="/assets/js/81.1e3f842c.js"><link rel="prefetch" href="/assets/js/82.996dbd3d.js"><link rel="prefetch" href="/assets/js/83.955158bf.js"><link rel="prefetch" href="/assets/js/84.71bdc76d.js"><link rel="prefetch" href="/assets/js/85.774e49f2.js"><link rel="prefetch" href="/assets/js/86.bebf32e5.js"><link rel="prefetch" href="/assets/js/87.becdbde1.js"><link rel="prefetch" href="/assets/js/88.49e933f4.js"><link rel="prefetch" href="/assets/js/89.eeceedfd.js"><link rel="prefetch" href="/assets/js/90.3ea6dd12.js"><link rel="prefetch" href="/assets/js/91.62a6a556.js"><link rel="prefetch" href="/assets/js/92.e2ebb8f5.js"><link rel="prefetch" href="/assets/js/93.dcdefe7a.js"><link rel="prefetch" href="/assets/js/94.bf412146.js"><link rel="prefetch" href="/assets/js/95.8deadcdc.js"><link rel="prefetch" href="/assets/js/96.9977087a.js"><link rel="prefetch" href="/assets/js/97.6591f9da.js"><link rel="prefetch" href="/assets/js/98.4db7f75e.js"><link rel="prefetch" href="/assets/js/99.a61462e9.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.2852b102.js"> <link rel="stylesheet" href="/assets/css/0.styles.146197cf.css">
  </head>
  <body class="theme-mode-light">
    <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open no-sidebar"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" width="50" height="50" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" aria-current="page" class="home-link router-link-exact-active router-link-active"><img src="https://p3-passport.byteacctimg.com/img/user-avatar/794fdae4ff249d532da19a3c26d420ed~300x300.image" alt="aiyoudiao" class="logo"> <span class="site-name can-hide">
      aiyoudiao
    </span></a> <div class="links"><div class="sky-switch" data-v-3a03d589><label for="toggle" data-v-3a03d589><input id="toggle" type="checkbox" data-v-3a03d589><div data-v-3a03d589></div></label></div> <div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="笔记" class="dropdown-title"><!----> <span class="title" style="display:;">笔记</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/84633490449/" class="nav-link">
  JavaScript
</a></li><li class="dropdown-item"><!----> <a href="/pages/2331001041/" class="nav-link">
  Vue
</a></li><li class="dropdown-item"><!----> <a href="/pages/18114480448/" class="nav-link">
  React
</a></li><li class="dropdown-item"><!----> <a href="/pages/25236260426/" class="nav-link">
  低代码
</a></li><li class="dropdown-item"><!----> <a href="/pages/35345230523/" class="nav-link">
  线性系统
</a></li><li class="dropdown-item"><!----> <a href="/pages/08313561056/" class="nav-link">
  暂未分类
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="算法与设计" class="dropdown-title"><!----> <span class="title" style="display:;">算法与设计</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/70741550255/" class="nav-link">
  LeetCode
</a></li><li class="dropdown-item"><!----> <a href="/pages/17845450445/" class="nav-link">
  算法
</a></li><li class="dropdown-item"><!----> <a href="/pages/90132170217/" class="nav-link">
  数据结构
</a></li><li class="dropdown-item"><!----> <a href="/pages/50546120212/" class="nav-link">
  设计模式
</a></li><li class="dropdown-item"><!----> <a href="/pages/02344550255/" class="nav-link">
  Other
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="技能" class="dropdown-title"><!----> <span class="title" style="display:;">技能</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/82158160216/" class="nav-link">
  PMP
</a></li><li class="dropdown-item"><!----> <a href="/pages/41858590259/" class="nav-link">
  Office
</a></li><li class="dropdown-item"><!----> <a href="/pages/02359360236/" class="nav-link">
  面试
</a></li><li class="dropdown-item"><!----> <a href="/pages/73600130213/" class="nav-link">
  Bash
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="历程" class="dropdown-title"><!----> <span class="title" style="display:;">历程</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/83857320232/" class="nav-link">
  流年往事
</a></li><li class="dropdown-item"><!----> <a href="/pages/93419130213/" class="nav-link">
  经验片段
</a></li><li class="dropdown-item"><!----> <a href="/pages/99744220322/" class="nav-link">
  读书杂感
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="首页" class="dropdown-title"><!----> <span class="title" style="display:;">首页</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/archives/" class="nav-link">
  归档
</a></li><li class="dropdown-item"><!----> <a href="/categories/" class="nav-link">
  分类
</a></li><li class="dropdown-item"><!----> <a href="/tags/" class="nav-link">
  标签
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="其它" class="dropdown-title"><!----> <span class="title" style="display:;">其它</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/02657130213/" class="nav-link">
  简介
</a></li><li class="dropdown-item"><!----> <a href="/pages/5390102042/" class="nav-link">
  收藏
</a></li><li class="dropdown-item"><!----> <a href="/pages/32309510451/" class="nav-link">
  有趣
</a></li><li class="dropdown-item"><!----> <a href="/pages/23313210521/" class="nav-link">
  文档
</a></li></ul></div></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><div class="blogger"><img src="/img/mar.jpg"> <div class="blogger-info"><h3>码二</h3> <span>扫微信二维码，认识一下码二吧😉。</span></div></div> <nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="笔记" class="dropdown-title"><!----> <span class="title" style="display:;">笔记</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/84633490449/" class="nav-link">
  JavaScript
</a></li><li class="dropdown-item"><!----> <a href="/pages/2331001041/" class="nav-link">
  Vue
</a></li><li class="dropdown-item"><!----> <a href="/pages/18114480448/" class="nav-link">
  React
</a></li><li class="dropdown-item"><!----> <a href="/pages/25236260426/" class="nav-link">
  低代码
</a></li><li class="dropdown-item"><!----> <a href="/pages/35345230523/" class="nav-link">
  线性系统
</a></li><li class="dropdown-item"><!----> <a href="/pages/08313561056/" class="nav-link">
  暂未分类
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="算法与设计" class="dropdown-title"><!----> <span class="title" style="display:;">算法与设计</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/70741550255/" class="nav-link">
  LeetCode
</a></li><li class="dropdown-item"><!----> <a href="/pages/17845450445/" class="nav-link">
  算法
</a></li><li class="dropdown-item"><!----> <a href="/pages/90132170217/" class="nav-link">
  数据结构
</a></li><li class="dropdown-item"><!----> <a href="/pages/50546120212/" class="nav-link">
  设计模式
</a></li><li class="dropdown-item"><!----> <a href="/pages/02344550255/" class="nav-link">
  Other
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="技能" class="dropdown-title"><!----> <span class="title" style="display:;">技能</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/82158160216/" class="nav-link">
  PMP
</a></li><li class="dropdown-item"><!----> <a href="/pages/41858590259/" class="nav-link">
  Office
</a></li><li class="dropdown-item"><!----> <a href="/pages/02359360236/" class="nav-link">
  面试
</a></li><li class="dropdown-item"><!----> <a href="/pages/73600130213/" class="nav-link">
  Bash
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="历程" class="dropdown-title"><!----> <span class="title" style="display:;">历程</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/83857320232/" class="nav-link">
  流年往事
</a></li><li class="dropdown-item"><!----> <a href="/pages/93419130213/" class="nav-link">
  经验片段
</a></li><li class="dropdown-item"><!----> <a href="/pages/99744220322/" class="nav-link">
  读书杂感
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="首页" class="dropdown-title"><!----> <span class="title" style="display:;">首页</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/archives/" class="nav-link">
  归档
</a></li><li class="dropdown-item"><!----> <a href="/categories/" class="nav-link">
  分类
</a></li><li class="dropdown-item"><!----> <a href="/tags/" class="nav-link">
  标签
</a></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="其它" class="dropdown-title"><!----> <span class="title" style="display:;">其它</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/pages/02657130213/" class="nav-link">
  简介
</a></li><li class="dropdown-item"><!----> <a href="/pages/5390102042/" class="nav-link">
  收藏
</a></li><li class="dropdown-item"><!----> <a href="/pages/32309510451/" class="nav-link">
  有趣
</a></li><li class="dropdown-item"><!----> <a href="/pages/23313210521/" class="nav-link">
  文档
</a></li></ul></div></div> <!----></nav>  <!----> </aside> <div class="home-wrapper" data-v-c2ea10f4><div class="banner hide-banner" data-v-c2ea10f4><canvas id="canvas" style="\n        position: absolute;\n        top: 0;\n        right: 0;\n        left: 0;\n        bottom: 0;\n        z-index: -1;\n      " data-v-c2ea10f4>Your browser can not support canvas</canvas> <div class="content" data-v-c2ea10f4><div class="home-header" data-v-c2ea10f4><a href="/" aria-current="page" class="link router-link-exact-active router-link-active" data-v-c2ea10f4><img src="https://p3-passport.byteacctimg.com/img/user-avatar/794fdae4ff249d532da19a3c26d420ed~300x300.image" alt="aiyoudiao logo" class="home-logo" data-v-c2ea10f4></a></div> <div class="home-body" data-v-c2ea10f4><div class="list" data-v-c2ea10f4><a href="/articles" class="link" data-v-c2ea10f4> 文章 </a> <a href="/project" target="_blank" class="link" data-v-c2ea10f4>
            项目
          </a> <a target="_blank" rel="noopener noreferrer" href="https://github.com/aiyoudiao" class="link" data-v-c2ea10f4>
            github
          </a> <a target="_blank" rel="noopener noreferrer" href="https://juejin.cn/user/3562073406845768" class="link" data-v-c2ea10f4>
            掘金
          </a> <a target="_blank" rel="noopener noreferrer" href="http://www.hao6.website:999/#/" class="link" data-v-c2ea10f4>
            作品
          </a></div> <div class="introduce" data-v-c2ea10f4>前端码二，冲💪。技术爽文，发射🚀！！！</div></div></div></div> <div class="main-wrapper" data-v-c2ea10f4><div class="main-left"><div class="post-list" data-v-c2ea10f4><div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/45343271027/">01.数据结构导论一览.md</a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">
            aiyoudiao
          </span> <span title="创建时间" class="iconfont icon-riqi">
            2023-10-16
          </span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84">
              数据结构
            </a><a href="/categories/?category=%E7%AE%97%E6%B3%95">
              算法
            </a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84">
              数据结构
            </a><a href="/tags/?tag=%E7%AE%97%E6%B3%95">
              算法
            </a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>数据结构一览</p>
</div> <a href="/pages/45343271027/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/38850370637/">30.2023年06月04日.md</a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">
            aiyoudiao
          </span> <span title="创建时间" class="iconfont icon-riqi">
            2023-06-04
          </span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=Milestone">
              Milestone
            </a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5">
              代码片段
            </a></span></div></div> <!----></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/74707370537/">08.与测量相关.md</a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">
            aiyoudiao
          </span> <span title="创建时间" class="iconfont icon-riqi">
            2023-05-06
          </span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=PMP">
              PMP
            </a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86">
              项目管理
            </a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>度量指标：针对项目、产品属性的测量方式</p>
<p>基准：经批准的工作、产品的版本依据，用于和实际结果进行比较。</p>
<p>仪表盘：用图表和图形来可视化的展示相对于项目中的重要指标，从而醒目的看到这些指标所取得的进展和绩效。</p>
</div> <a href="/pages/74707370537/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/81431130513/">07.与交付相关.md</a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">
            aiyoudiao
          </span> <span title="创建时间" class="iconfont icon-riqi">
            2023-05-04
          </span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=PMP">
              PMP
            </a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86">
              项目管理
            </a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>交付绩效域涉及和交付有关的范围和质量的活动以及功能的实现。</p>
<p>有助于实现业务目标和推进战略。</p>
<p>实现要交付的成果。</p>
<p>在规划的时间内实现项目收益。</p>
<p>团队对需求有清晰的理解。</p>
<p>干系人接受可交付物，并感到满意。</p>
</div> <a href="/pages/81431130513/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/33155530553/">29.2023年05月03日.md</a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">
            aiyoudiao
          </span> <span title="创建时间" class="iconfont icon-riqi">
            2023-05-03
          </span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=Milestone">
              Milestone
            </a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5">
              代码片段
            </a><a href="/tags/?tag=Google">
              Google
            </a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>谷歌浏览器升级了，居然把我谷歌登录过的账号记录都给清空掉了，很麻烦，我的chatgpt登录不上去了，而且我还忘记了那些账号。</p>
</div> <a href="/pages/33155530553/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/45821160516/">06.与工作相关.md</a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">
            aiyoudiao
          </span> <span title="创建时间" class="iconfont icon-riqi">
            2023-05-03
          </span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=PMP">
              PMP
            </a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86">
              项目管理
            </a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>产生有效率、有效果的项目绩效。</p>
<p>营造适合的项目环境及过程。</p>
<p>促进干系人适当的沟通和参与。</p>
<p>从而有效的管理实物资源，同时对采购进行有效管理。</p>
<p>能够通过持续学习和改进过程来提高团队能力。</p>
<p>十五至尊图中的执行知识域：PMP 6 中的十大知识域五大过程组划分后二维图表中的第三列。</p>
</div> <a href="/pages/45821160516/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/03941460546/">05.与规划相关.md</a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">
            aiyoudiao
          </span> <span title="创建时间" class="iconfont icon-riqi">
            2023-05-01
          </span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=PMP">
              PMP
            </a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86">
              项目管理
            </a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>规划是为了让所有的事情有条不紊的推进，从而使得时间都花在相关的事情上，从而能够获得符合干系人期望的可交付物和项目成果。</p>
<p>估算：对成本、资源、人力、时间的定量评估。</p>
<p>准确度：正确程度的评估，项目开始时的评估准确度低于进行中时的评估。区间波动越小越准确。</p>
<p>精确度：精准程度的评估，更加详细的评估，例如2天 比 本周内 更精确。</p>
<p>赶工：增加资源，以最小成本代价来压缩进度工期。</p>
<p>快速跟进：将正常情况下按顺序进行的活动改为部分或者全部的去并行开展。</p>
<p>预算：对经批准的对整个项目或者任一工作WBS、任一进度活动所做的估算。</p>
<p>十五至尊图中的计划知识域：PMP 6 中的十大知识域五大过程组划分后二维图表中的第二列。</p>
</div> <a href="/pages/03941460546/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/42433250425/">04.与敏捷相关.md</a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">
            aiyoudiao
          </span> <span title="创建时间" class="iconfont icon-riqi">
            2023-04-16
          </span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=PMP">
              PMP
            </a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86">
              项目管理
            </a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>敏捷是 一系列 价值观、方法、手段、实践、技术、框架的归类的总称。</p>
<blockquote>
<p>敏捷是一类具有相似价值观和原则的软件开发方法的统称</p>
</blockquote>
<p>初次诞生于2001-02-11～13</p>
<p>以人为本、目标导向、合作共赢、拥抱变化</p>
<p>敏捷12原则</p>
</div> <a href="/pages/42433250425/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/80721210421/">03.与方法相关.md</a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">
            aiyoudiao
          </span> <span title="创建时间" class="iconfont icon-riqi">
            2023-04-16
          </span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=PMP">
              PMP
            </a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86">
              项目管理
            </a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>项目开发方法、节奏，生命周期阶段相关的活动和功能。将业务交付与干系人价值联系。促进可交付物的交付节奏。</p>
<p>可交付物：产品、结果、服务能力。<br>
开发方法：创建和改进可交付物的方法，预测型、迭代型、增量型、敏捷型、混合型。<br>
节奏：开展活动的节律。<br>
项目阶段：一组有逻辑关系的活动集合，以一个或多个可交付物的完成为结束。<br>
项目生命周期：项目从开始到结束所经历的一系列的阶段。</p>
<p>交付物决定开发方法和交付节奏，开发方法也决定了交付的节奏，开发方法和交付节奏决定了项目生命周期及其阶段。</p>
</div> <a href="/pages/80721210421/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div><div class="post card-box"><div class="title-wrapper"><h2><a href="/pages/68021390439/">02.与人相关.md</a></h2> <div class="article-info"><span title="作者" class="iconfont icon-touxiang">
            aiyoudiao
          </span> <span title="创建时间" class="iconfont icon-riqi">
            2023-04-16
          </span> <span title="分类" class="iconfont icon-wenjian"><a href="/categories/?category=PMP">
              PMP
            </a></span> <span title="标签" class="iconfont icon-biaoqian tags"><a href="/tags/?tag=%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86">
              项目管理
            </a></span></div></div> <div class="excerpt-wrapper"><div class="excerpt"><p>管家<br>
团队：自组织团队、个体的斗志、面对面的交谈、反思<br>
干系人：业务人员<br>
价值：价值、欢迎需求变化、可工作的软件<br>
系统交互<br>
领导力<br>
裁剪：简洁为本<br>
质量：可持续开发、追求技术卓越<br>
复杂性：简洁为本<br>
风险：简洁为本<br>
适应性和韧性：短的周期、简洁为本<br>
变革：反思</p>
<p><strong>规划进度</strong></p>
<p>规划进度管理：进度管理计划<br>
定义活动： 活动清单和活动属性<br>
排列活动顺序：项目进度网络图<br>
估算活动资源：活动资源需求 资源分解结构<br>
估算活动时间：活动持续时间估算<br>
制定进度计划</p>
<p><strong>管理万精油</strong></p>
<p>DDL：拍定一个最晚完成时间，先定下，达不达成再说。<br>
buffer：先留一天的缓冲，这是高瞻远瞩。<br>
倒推：完成这个任务需要几天？有啥前置依赖？这些事儿是否可以并行开展？<br>
最后：看看有没有漏掉的事儿？</p>
<p>借用项目日历或者甘特图的方法。</p>
</div> <a href="/pages/68021390439/" class="readmore iconfont icon-jiantou-you">阅读全文</a></div></div></div></div> <div class="pagination" data-v-c2ea10f4><span class="card-box prev iconfont icon-jiantou-zuo disabled"><p>上一页</p></span> <div class="pagination-list"><span class="card-box active">1</span> <span title="上两页" class="ellipsis ell-two" style="display:none;"></span> <span class="card-box" style="display:;">2</span> <span class="card-box">3</span> <span title="下两页" class="ellipsis ell-four" style="display:;"></span> <span class="card-box" style="display:none;">12</span> <span class="card-box">13</span></div> <span class="card-box next iconfont icon-jiantou-you"><p>下一页</p></span></div> <div class="theme-vdoing-content custom card-box content__default" data-v-c2ea10f4></div></div> <div class="main-right"><aside class="blogger-wrapper card-box" data-v-c2ea10f4><div class="avatar"><img src="/img/mar.jpg" alt="头像" title="我好看吗" class="img"></div> <!----> <div class="blogger"><span class="name">码二</span> <span class="slogan">扫微信二维码，认识一下码二吧😉。</span></div></aside> <div class="categories-wrapper card-box" data-v-c2ea10f4><a href="/categories/" title="全部分类" class="title iconfont icon-wenjianjia">
    文章分类
  </a> <div class="categories"><a href="/categories/?category=%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84">
      数据结构
      <span>1</span></a><a href="/categories/?category=%E7%AE%97%E6%B3%95">
      算法
      <span>1</span></a><a href="/categories/?category=Milestone">
      Milestone
      <span>33</span></a><a href="/categories/?category=PMP">
      PMP
      <span>9</span></a><a href="/categories/?category=JavaScript">
      JavaScript
      <span>7</span></a><a href="/categories/?category=LeetCode">
      LeetCode
      <span>3</span></a><a href="/categories/?category=interview">
      interview
      <span>3</span></a><a href="/categories/?category=%E8%AF%BB%E4%B9%A6">
      读书
      <span>9</span></a><a href="/categories/?category=react">
      react
      <span>12</span></a><a href="/categories/?category=ui">
      ui
      <span>1</span></a> <a href="/categories/" class="more">
      更多...
    </a></div></div> <div class="tags-wrapper card-box" data-v-c2ea10f4><a href="/tags/" title="全部标签" class="title iconfont icon-biaoqian1">
    热门标签
  </a> <div class="tags"><a href="/tags/?tag=%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84" style="background:#67CC86;--random-color:#67CC86;">数据结构</a> <span></span><a href="/tags/?tag=%E7%AE%97%E6%B3%95" style="background:#67CC86;--random-color:#67CC86;">算法</a> <span></span><a href="/tags/?tag=%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5" style="background:#E15B64;--random-color:#E15B64;">代码片段</a> <span></span><a href="/tags/?tag=%E9%A1%B9%E7%9B%AE%E7%AE%A1%E7%90%86" style="background:#F8B26A;--random-color:#F8B26A;">项目管理</a> <span></span><a href="/tags/?tag=Google" style="background:#F47E60;--random-color:#F47E60;">Google</a> <span></span><a href="/tags/?tag=npm" style="background:#67CC86;--random-color:#67CC86;">npm</a> <span></span><a href="/tags/?tag=git" style="background:#E15B64;--random-color:#E15B64;">git</a> <span></span><a href="/tags/?tag=JavaScript" style="background:#F8B26A;--random-color:#F8B26A;">JavaScript</a> <span></span><a href="/tags/?tag=%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96" style="background:#849B87;--random-color:#849B87;">性能优化</a> <span></span><a href="/tags/?tag=%E9%98%BF%E9%87%8C%E4%BA%91OSS" style="background:#E15B64;--random-color:#E15B64;">阿里云OSS</a> <span></span><a href="/tags/?tag=shell" style="background:#F47E60;--random-color:#F47E60;">shell</a> <span></span><a href="/tags/?tag=javascript" style="background:#11a8cd;--random-color:#11a8cd;">javascript</a> <span></span><a href="/tags/?tag=android" style="background:#11a8cd;--random-color:#11a8cd;">android</a> <span></span><a href="/tags/?tag=%E6%AD%A3%E5%88%99" style="background:#E15B64;--random-color:#E15B64;">正则</a> <span></span><a href="/tags/?tag=react" style="background:#F47E60;--random-color:#F47E60;">react</a> <span></span><a href="/tags/?tag=%E9%9D%A2%E8%AF%95" style="background:#11a8cd;--random-color:#11a8cd;">面试</a> <span></span><a href="/tags/?tag=JS" style="background:#F47E60;--random-color:#F47E60;">JS</a> <span></span><a href="/tags/?tag=NodeJs" style="background:#F47E60;--random-color:#F47E60;">NodeJs</a> <span></span><a href="/tags/?tag=HTTP" style="background:#F47E60;--random-color:#F47E60;">HTTP</a> <span></span><a href="/tags/?tag=Webpack" style="background:#F47E60;--random-color:#F47E60;">Webpack</a> <span></span><a href="/tags/?tag=typescript" style="background:#849B87;--random-color:#849B87;">typescript</a> <span></span><a href="/tags/?tag=node-http-proxy-json" style="background:#F47E60;--random-color:#F47E60;">node-http-proxy-json</a> <span></span><a href="/tags/?tag=nestjs" style="background:#E15B64;--random-color:#E15B64;">nestjs</a> <span></span><a href="/tags/?tag=node" style="background:#67CC86;--random-color:#67CC86;">node</a> <span></span><a href="/tags/?tag=umi-request" style="background:#E15B64;--random-color:#E15B64;">umi-request</a> <span></span><a href="/tags/?tag=%E8%AF%BB%E4%B9%A6%E6%9C%89%E6%84%9F" style="background:#F8B26A;--random-color:#F8B26A;">读书有感</a> <span></span><a href="/tags/?tag=%E6%84%9F%E6%85%A8" style="background:#F47E60;--random-color:#F47E60;">感慨</a> <span></span><a href="/tags/?tag=%E8%AE%A1%E5%88%92" style="background:#849B87;--random-color:#849B87;">计划</a> <span></span><a href="/tags/?tag=CSS" style="background:#11a8cd;--random-color:#11a8cd;">CSS</a> <span></span><a href="/tags/?tag=file" style="background:#F8B26A;--random-color:#F8B26A;">file</a> <span></span> <a href="/tags/">更多...</a></div></div></div></div></div> <div class="footer"><!----> 
  Theme by
  <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a> 
    | Copyright © 2017-2023
    <span class="link">aiyoudiao 码二</span> <span>备案号：</span> <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" title="备案号">鄂ICP备2022002654号-1</a></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div></div> <!----> <!----> <!----></div><div class="global-ui"><div></div><APlayer audio="" fixed="true" theme="#b7daff" loop="loop" order="list" preload="auto" volume="0.7" mutex="true" lrc-type="3" list-max-height="250" storage-name="vuepress-plugin-meting" id="aplayer-fixed"></APlayer><div id="VuepressPluginLive2d"></div></div></div>
    <script src="/assets/js/app.bd2fbc77.js" defer></script><script src="/assets/js/3.72c9c947.js" defer></script><script src="/assets/js/44.59439f9d.js" defer></script><script src="/assets/js/42.4251ca36.js" defer></script>
  </body>
</html>
